<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>我的关注</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>

    <link rel="stylesheet" href="../js/libs/sui/sm.min.css">
    <link rel="stylesheet" href="../js/libs/sui/sm-extend.min.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../less/main.css"/>

    <script type="text/javascript" src='../js/libs/jquery-3.1.0.min.js' charset='utf-8'></script>
    <script type="text/javascript">
        var Zepto = jQuery;
    </script>
    <script type="text/javascript" src='../js/libs/sui/sm.js' charset='utf-8'></script>
    <script type="text/javascript" src='../js/libs/sui/sm-extend.min.js' charset='utf-8'></script>
    <script type="text/javascript" src="../js/libs/juicer-min.js"></script>
    <script type="text/javascript" src="../js/libs/jquery.md5.js"></script>
    <script type="text/javascript" src="../js/api.js"></script>
    <script type="text/javascript" src="../js/utils.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
</head>
<body>
<!-- 这里是页面内容区 -->
<div class="content native-scroll p-t22">
    <!--我的班级-->
    <!-- 头部-->
    <div class="head-no-toolbar bg-self-green no-left-icon">
        <span class="icon iconfont c-white p-l" onclick="javascript:api.closeWin();">&#xe61f;</span>
        <span class="c-white t-center">我的关注</span>
    </div>

    <!--内容区-->
    <div class="self-scroll">
        <div class="my-list-block" style="margin-top: 3.2rem;">
            <ul>
                <li class="my-focus-company bg1">
                    <span class="my-item-title">关注的公司</span>
                </li>
                <li class="my-focus-course bg1">
                    <span class="my-item-title">关注的课程</span>
                </li>
                <li class="my-focus-position bg1">
                    <span class="my-item-title">关注的岗位</span>
                </li>
            </ul>
        </div>
    </div>
</div>

<script type="text/javascript">
    apiready = function () {
        juicer.set({
            'tag::operationOpen': '{@',
            'tag::operationClose': '}',
            'tag::interpolateOpen': '&{',
            'tag::interpolateClose': '}',
            'tag::noneencodeOpen': '$${',
            'tag::noneencodeClose': '}',
            'tag::commentOpen': '{#',
            'tag::commentClose': '}',
            'strip': false,
            'cache': false
        });

        //点击行高亮
        $(".my-list-block li").on("touchstart",function(){
            $(this).css("background-color","#EEEEEE");
        });
        $(".my-list-block li").on("touchend",function(){
            $(this).css("background-color","#fff");
        });

        //滑动也高亮
        $(".my-list-block li").on("touchmove",function(){
            $(this).css("background-color","#fff");
        });

        //点击我的关注下关注的公司，切换到关注的公司页面
        $('.my-focus-company').click(function(){
            openWin("my-focus-company", "my-focus-company.html", null);
        });

        //点击我的关注下关注的课程，切换到关注的课程页面
        $('.my-focus-course').click(function(){
            openWin("my-focus-course", "my-focus-course.html", null);
        });

        //点击我的关注下关注的职位，切换到关注的职位页面
        $('.my-focus-position').click(function(){
            openWin("my-focus-position", "my-focus-position.html", null);
        });
    }
</script>
</body>
</html>
